<template>
  <div>
    <el-dialog v-model="param.centerDialogVisible" title="提示" width="500" destroy-on-close align-center>
      <span>
        您还未完成企业实名认证，请您完成企业实名认证后，就可以进行相应业务功能操作啦！
      </span>
      <template #footer>
        <div class="dialog-footer">
          <el-button @click="param.centerDialogVisible = false">取消</el-button>
          <el-button type="primary" @click="goAuthenticate">企业实名认证</el-button>
        </div>
      </template>
    </el-dialog>
  </div>
</template>
<script lang="ts" setup>
import { reactive } from 'vue';
import useUserStore from '@/store/modules/user'
const userStore = useUserStore()

const param = reactive({
  centerDialogVisible: false
})

const porps = defineProps({
  data: {
    type: Object,
    default: () => { }
  },
})

const goAuthenticate = () => {
  param.centerDialogVisible = false
  window.open(porps.data.url)
}
</script>

<style lang="scss" scoped></style>